body{
    padding: 0;
    margin: 0;
}
.text{
    width:300px;
    height:300px;
    display: inline-block;
}
.main{
    width:100%;
    margin:0 auto;
}
.t1{
    display: inline-block;
}
#result{
    font-size: 2.5em;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-family: 微软雅黑;
}
.now{
    animation: twinkling 300ms infinite ease-in-out;
    -webkit-animation: twinkling 300ms infinite ease-in-out;
}  
.animated{  
    -webkit-animation-duration: 300ms;  
    animation-duration: 300ms;  
    -webkit-animation-fill-mode: both;  
    animation-fill-mode: both  
}  
@-webkit-keyframes twinkling{  
    0%{  
        opacity: 0.5;
        background-color: red;
        color: #FFF;
    }  
    100%{  
        opacity: 1;
        background-color: black;
        color: #FFF;
    }  
}  
@keyframes twinkling{  
    0%{  
        opacity: 0.5;
        background-color: red;
        color: #FFF;
    }  
    100%{  
        opacity: 1;
        background-color: black;
        color: #FFF;
        margin: 0;
        padding: 0;
    }  
}
.list{list-style-type: none;padding: 0;margin: 0;}
.list-item{font-size: 26px;}
#done{
    zoom: 2;
}
#start,#cls{
    width:90px;
    height:50px;
    font-size: 1.8em;
    font-family: 微软雅黑;
}